<template>
    <div class="bod">
       <p class="bodp">请选择店铺入驻形式</p>
       <div class="bodBtn">
           <div class="geren" @click="business_rz(0)">
               <img class="gerenImg" src="../../../assets/personal/images/shangye.png">
               <p>企业入驻</p>
            </div>
           <div class="ruzhu" @click="business_rz(1)">
               <img class="gerenImg" src="../../../assets/personal/images/qiye.png">
               <p>个人入驻</p>
            </div>
       </div>
    </div>
</template>
<style scoped>
    .gerenImg{
        width: 75px;
        height: 75px;
        margin-bottom: 15px;
    }
    .bod{
        padding-top: 70px;
        height: 100%;
        background: #ffffff;
    }
    .bodp{
        margin-bottom: 80px;
    }
    .bodBtn{
        padding-left: 13%;
        box-sizing: border-box;
    }
    .bodBtn:after{
        display:block;
        clear:both;content:"";
        visibility:hidden;
        clear: both;

    }
    .geren{
        width: 42%;
        float: left;
        margin-right: 5%;
        padding: 5px 22px;
        box-sizing: border-box;
        text-align: center;
    }
    .ruzhu{
        width: 40%;
        float: left;
         padding: 5px 22px;
         text-align: center;
    }
</style>
<script>
export default {
    data () {
        return {

        }
    },
    methods: {
       business_rz:function(type){
            this.$router.push({ name: 'Business_rz',query: { compType:type} })
        }
    }
}
</script>
